<template>
    <div class="title">
      <div class="back">
        <img
          style="width: 28px; height: 28px"
          src="../assets/images/back.png"
        />
        <span style="font-size: 16px">返回</span>
      </div>
      <div class="info">
        <span>{{content}}</span>
      </div>
      <div>
        <img style="margin-top: 5px" src="../assets/images/message.png" />
      </div>
    </div>
</template>
<script>

export default {
  props:{
    content:{
      type:String,
      default:"辛集微姐服务站"
    }
  }
}
</script>
<style scoped>
.title {
  background-color: #ed414a;
  height: 44px;
  color: white;
  font-size: 18px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 0 5px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
}
.title .back {
  display: flex;
  flex-direction: row;
  align-items: center;
}
</style>
